@charset "UTF-8";

/********************contact********************/
#contact {
	position: fixed; _position: absolute;
	width: 914px; height: 440px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;left: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url("../images/contact/bg.png") no-repeat left top;
}

#infomationD {bottom: 6px;display: block; height: 26px;left: 120px;position: fixed;width: 180px;z-index: 6; color:#fff;}


#contact .msg {
	position: absolute;
	left: 630px; top: 50px;
	color: #3e3e3e; font-size: 12px; line-height: 24px;
	text-align:left;
}

#contact .form {
	position: absolute;
	width: 260px; height: 440px;
	right: 0; top: 0;
}

.form form > div {
	height: 35px;
	padding: 20px 0 5px 0;
}

.form form > div.content {
	height: 138px;
	padding: 12px 0 10px 0;
}

.form form > div.btn {
	height: 40px;
	padding: 0 18px 0 0;
	text-align: right;
}

.form input {
	width: 232px; height: 34px;
	padding: 0 5px;
	color: #5e3227; font-size: 13px; line-height: 34px;
	background: url("../images/contact/form.png") no-repeat;
	border: none;
}

.form input:focus {
	background-position: -243px 0;
}

.form textarea {
	width: 232px; height: 128px;
	padding: 5px;
	color: #5e3227; font-size: 13px; line-height: 18px;
	background: url("../images/contact/form.png") no-repeat 0 -38px;
	border: none;
	overflow: hidden;
}

.form textarea:focus {
	background-position: -243px -38px;
}

.form form > div.btn input {
	width: 110px; height: 40px;
	background: url("../images/contact/form.png") no-repeat 0 -180px;
	border: none;
}

.form form > div.btn input:hover , .form form > div.btn input:focus {
	background-position: -243px -180px;
}